
 .select-tab{
	 display: flex;
	 width:100%;
	 justify-content: center;
	 margin-top:20rpx;
	 margin-bottom: 30rpx;
 }
 
 .tab-buttons {
   display: flex;
   width: 100%;
   max-width: 500rpx;
 }
 
 .tab-btn {
   flex: 1;
   height: 60rpx;
   line-height: 60rpx;
   font-size: 28rpx;
   border: 2rpx solid #eee;
   padding: 0;
   margin: 0;
   transition: all 0.3s ease;
   
   /* 移除默认按钮样式 */
   &::after {
     border: none;
   }
 }
 
 /* 左侧按钮 - 左圆角右直角 */
 .left-btn {
   border-radius: 40rpx 0 0 40rpx;
   border-right: none; /* 移除右侧边框避免重叠 */
   background-color: #fff;
   color: #333;
 }
 
 /* 右侧按钮 - 右圆角左直角 */
 .right-btn {
   border-radius: 0 40rpx 40rpx 0;
   background-color: #fff;
   color: #333;
 }
 
 /* 激活状态样式 */
 .active {
   background-color: #0658ec;
   color: #fff;
   border-color: #0658ec; /* 激活时边框颜色与背景一致 */
 }
 
 /* 内容区域样式 */
 .tab-content {
   margin-top: 30rpx;
   padding: 30rpx;
   font-size: 28rpx;
   color: #333;
 }